<style type="text/css">
  .page-header .left {
    width: calc(100% - 220px);
  }

  @media only screen and (max-width: 479px) and (min-width: 320px) {
    .page-header .left {
      width: 100%;
    }
  }
</style>
<div id="content">
  <div class="row s_page_title">
    <sa-big-breadcrumbs [items]="['系统基础管理', '车辆管理']" icon="fa fa-list"
      class="col-xs-12 col-sm-7 col-md-7 col-lg-4"></sa-big-breadcrumbs>
  </div>
  <sa-widgets-grid>
    <div class="s_table">
      <div sa-widget [editbutton]="false" color="darken" class="clearfix">
        <header>
          <span class="widget-icon"><i class="fa fa-table"></i></span>
          <h2>车辆管理</h2>
        </header>
        <div>
          <div class="widget-body no-padding">
            <div class="page-header clearfix s_table_opreation">
              <div class="left page-header-btn">
                <div class="top_module">
                  <span class="module_text">公司名称</span>
                  <sa-company-tree companyTreeId="companyTree" [companyIdValue]="companyData.companyId"
                    [companyNameValue]="companyData.companyName"
                    (companySelected)="companySelected($event)"></sa-company-tree>
                </div>
                <div class="top_module">
                  <span class="module_text">省份</span>
                  <select name="" class="top_module_select" [(ngModel)]="provinceId">
                    <option value="">全部</option>
                    <option value="" *ngFor="let item of provinceList" [value]="item.id">{{ item.areaName }}</option>
                  </select>
                </div>
                <div class="top_module top_module_box">
                  <span class="top_module_label module_text">车辆用途</span>
                  <select name="" class="top_module_select" [(ngModel)]="useTypeL1" (change)="carUseTypeL1Change()">
                    <option value="">全部</option>
                    <option value="" *ngFor="let item of carTypeList" [value]="item.id">{{ item.label }}</option>
                  </select>
                </div>
                <div class="top_module top_module_box">
                  <span class="top_module_label module_text">车辆分类</span>
                  <select name="" class="top_module_select" [(ngModel)]="useTypeL2">
                    <option value="">全部</option>
                    <option value="" *ngFor="let item of carTypeDetailList" [value]="item.id">{{ item.label }}</option>
                  </select>
                </div>
                <div class="selectDate top_module">
                  <table-select-date [notInit]="true" (outerTime)="getSelectTableTime($event)"
                    [specifyTime]="initDateRange"></table-select-date>
                </div>
                <div class="top_module top_module_box">
                  <span class="top_module_label module_text">传感器类型</span>
                  <sa-sensor-type (sensorSelected)="sensorSelected($event)" Height="28px" [isShow]="true" type="1"
                    [inputParam]="inputParam" [isSendRequest]="false"></sa-sensor-type>
                </div>

                <div class="top_module top_module_box">
                  <span class="module_text">硬件版本</span>
                  <div class="s_hover_box" style="vertical-align: top">
                    <input type="text" class="module_inp top_module_select" [(ngModel)]="hwVersion"
                      placeholder="查询硬件版本" />
                    <div class="s_del_icon" (click)="delhwVersion()">x</div>
                  </div>
                </div>

                <div class="top_module top_module_box">
                  <span class="top_module_label module_text">审核状态</span>
                  <select name="" class="top_module_select" [(ngModel)]="auditStatus">
                    <option value="">全部</option>
                    <option value="0">待审核</option>
                    <option value="1">合格</option>
                    <option value="2">不合格</option>
                  </select>
                </div>
                <div class="top_module top_module_box">
                  <span class="top_module_label module_text">车辆归属</span>
                  <select name="" class="top_module_select" [(ngModel)]="carAttribution">
                    <option value="">全部</option>
                    <option value="1">车队</option>
                    <option value="2">个人</option>
                    <option value="3">经销商</option>
                  </select>
                </div>
                <div class="top_module top_module_box">
                  <span class="top_module_label module_text">用户类型</span>
                  <select name="" class="top_module_select" [(ngModel)]="userType">
                    <option value="">全部</option>
                    <option *ngFor="let item of userTypeList" [value]='item.id'>{{item.text}}</option>
                  </select>
                </div>
                <div class="top_module top_module_box">
                  <span class="top_module_label module_text">缴费类型</span>
                  <select name="" class="top_module_select" [(ngModel)]="payWay">
                    <option value="">全部</option>
                    <option value="0">默认</option>
                    <option value="1">个人</option>
                    <option value="2">对公</option>
                    <option value="3">先个人后对公</option>
                  </select>
                </div>
                <div class="top_module">
                  <span class="module_text">实施团队</span>
                  <sa-company-tree companyTreeId="companyTreeTeam" [inputApi]="inputApi" inputName="outsourcingTeamName"
                    [root]="isShowRoot" [inputName]="'outsourcingTeamName'" [companyNameValue]="outsourcingTeamName"
                    [companyIdValue]="outsourcingTeamId"
                    (companySelected)="companyTeamSelected($event)"></sa-company-tree>
                </div>

                <button class="btn btn-primary" (click)="table_search()">查询</button>
                <button type="button" class="btn btn-primary" (click)="new_car()" *ngIf="carAdd">添加</button>
                <!-- TODO 添加修改车牌功能 -->
                <button class="btn btn-primary" type="button" (click)="handleEditNumber(editNumberModal)">修改车牌</button>
                <button class="btn btn-primary" type="button" (click)="exportData()">导出</button>
                <button class="btn btn-primary" type="button" (click)="exprotTotalData()">安装统计导出</button>
                <button class="btn btn-primary" type="button" (click)="exprotMonthData()">月安装量导出</button>
                <button class="btn btn-primary" type="button" (click)="exportCarInstallInfo()">车辆安装信息导出</button>
                <!-- <button type="button" class="btn btn-primary" (click)="setHeader(headerModal)">设置表头</button> -->
              </div>
              <div class="right top-search">
                <input type="text" [(ngModel)]="searchKey" (change)="table_search()" class="search-input"
                  placeholder="设备ID、车牌号、安装人员..." />
                <span class="top-search-box">
                  <button class="top-search-btn" type="button" (click)="table_search()">
                    <i class="fa fa-search"></i>
                  </button>
                </span>
              </div>
            </div>
            <div class="table_scroll">
              <table
                class="display dataTables responsive table table-striped table-bordered table-hover dataTable s_h5_table">
                <thead>
                  <tr>
                    <!-- <th *ngFor="let row of faultList" [style.display]="row.isHide == '0' ? 'table-cell' : 'none'">
                      <span *ngIf="row.fieldName != 'operation'">{{ row.field }}</span>
                      <span *ngIf="row.fieldName == 'operation' && (carDeleteBatch || carStation)">操作</span>
                    </th> -->
                    <th>操作</th>
                    <th>行驶证</th>
                    <th>设备ID</th>
                    <th>车牌号</th>
                    <th>项目名称</th>
                    <th>所属公司</th>
                    <th>用途分类</th>
                    <th>传感器通道</th>
                    <th>安装人员</th>
                    <th>安装时间</th>
                    <th>司机电话</th>
                    <th>曾用车牌</th>
                    <th>备注</th>
                    <th>传感器问题</th>
                    <th>GPS问题</th>
                    <th>GPS天线</th>
                    <th>GSM天线</th>
                    <th>硬件版本</th>
                    <th>固件版本</th>
                    <th>传感器类型</th>
                    <th>SIM卡号</th>
                    <th>GPS编码</th>
                    <th>车辆类型</th>
                    <th>用途</th>
                    <th>轴数</th>
                    <th>传感器数量</th>
                    <th>荷载重量</th>
                    <th>单位</th>
                    <th>更新人</th>
                    <th>更新时间</th>
                    <th>设备类型</th>
                    <th>车辆归属</th>
                    <th>用户类型</th>
                    <th>实施团队</th>
                    <th *ngIf="carDeleteBatch">操作</th>
                  </tr>
                </thead>
                <tbody>
                  <tr *ngFor="let row of tableData">
                    <!-- <td
                      *ngFor="let item of faultList"
                      [ngClass]="item.fieldName == isChecked ? checkbox - td : ''"
                      [style.display]="item.isHide == '0' ? 'table-cell' : 'none'"
                    >
                      <div *ngIf="item.fieldName == 'operation1'">
                        <button type="button" (click)="updata_car(row)" *ngIf="carEdit">编辑</button>
                        <button
                          type="button"
                          (click)="open_img(row, ImgModal)"
                          *ngIf="row.imageInfo != null && row.imageInfo.length != 0"
                        >
                          图片
                        </button>
                      </div>
                      <div *ngIf="item.fieldName == 'driving' && row.isShowDrivingBtn">
                        <button type="button" *ngIf="row.auditStatus == 0" (click)="open_driving(row)">待审核</button>
                        <button type="button" *ngIf="row.auditStatus == 1" (click)="open_driving(row)">合格</button>
                        <button type="button" *ngIf="row.auditStatus == 2" (click)="open_driving(row)">不合格</button>
                      </div>
                      <div *ngIf="item.fieldName == 'sensorChannel'">
                        <span class="channel-style bg-green" *ngFor="let item of row.sensorChannel">{{ item }}</span>
                      </div>
                      <div *ngIf="item.fieldName == 'sensorProblemList'">
                        <div *ngIf="row.sensorProblemList">
                          <span *ngFor="let item of row.sensorProblemList; let i = index">
                            {{ item.sensorProblem }}
                            <span *ngIf="i < row.sensorProblemList.length - 1">,</span>
                          </span>
                        </div>
                      </div>
                      <div *ngIf="item.fieldName == 'gpsProblemEntity'">
                        {{ row.gpsProblemEntity ? row.gpsProblemEntity.gpsProblem : '' }}
                      </div>
                      <div *ngIf="item.fieldName == 'sensorType'">
                        <sa-sensor-type
                          [sensorTypeId]="row.sensorType"
                          type="2"
                          [inputParam]="inputParam"
                          [isSendRequest]="false"
                        ></sa-sensor-type>
                      </div>
                      <div *ngIf="item.fieldName == 'carAttribution'">
                        <span *ngIf="row.carAttribution == 1">车队</span>
                        <span *ngIf="row.carAttribution == 2">个人</span>
                        <span *ngIf="row.carAttribution == 3">经销商</span>
                      </div>
                      <div *ngIf="item.fieldName == 'carType'">
                        <span *ngIf="row.carType === '请选择'"></span>
                        <span *ngIf="row.carType != '请选择'">{{ row.carType }}</span>
                      </div>
                      <div *ngIf="item.fieldName == 'unit'">
                        <span *ngIf="row.unit === '1'">吨</span>
                        <span *ngIf="row.unit === '2'">千克</span>
                      </div>
                      <div
                        *ngIf="
                          item.fieldName != 'operation1' &&
                          item.fieldName != 'sensorChannel' &&
                          item.fieldName != 'sensorProblemList' &&
                          item.fieldName != 'gpsProblemEntity' &&
                          item.fieldName != 'sensorType' &&
                          item.fieldName != 'carType' &&
                          item.fieldName != 'carAttribution' &&
                          item.fieldName != 'unit' &&
                          item.fieldName != 'operation'
                        "
                      >
                        {{ row[item.fieldName] }}
                      </div>
                      <div *ngIf="item.fieldName == 'operation' && carDeleteBatch">
                        <button type="button" (click)="del_car(row)" *ngIf="carDeleteBatch">删除</button>
                      </div>
                    </td> -->
                    <td>
                      <button type="button" (click)="updata_car(row)" *ngIf="carEdit">编辑</button>
                      <button type="button" (click)="open_img(row, ImgModal)"
                        *ngIf="row.imageInfo != null && row.imageInfo.length != 0">
                        图片
                      </button>
                    </td>
                    <td>
                      <button type="button" *ngIf="row.auditStatus == 0" (click)="open_driving(row)">待审核</button>
                      <button type="button" *ngIf="row.auditStatus == 1" (click)="open_driving(row)">合格</button>
                      <button type="button" *ngIf="row.auditStatus == 2" (click)="open_driving(row)">不合格</button>
                    </td>
                    <td>{{ row.deviceId }}</td>
                    <td>{{ row.carNumber }}</td>
                    <td>{{ row.projectName }}</td>
                    <td>{{ row.parentName }}</td>
                    <td>{{ row.useTypeL2 }}</td>
                    <td>
                      <span class="channel-style bg-green" *ngFor="let item of row.sensorChannel">{{ item }}</span>
                    </td>
                    <td>{{ row.userNameForCreate }}</td>
                    <td>{{ row.inputDate }}</td>
                    <td>{{ row.phone }}</td>
                    <td>{{ row.usedNumbers }}</td>
                    <td>{{ row.remark }}</td>
                    <td>
                      <div *ngIf="row.sensorProblemList">
                        <span *ngFor="let item of row.sensorProblemList; let i = index">
                          {{ item.sensorProblem }}
                          <span *ngIf="i < row.sensorProblemList.length - 1">,</span>
                        </span>
                      </div>
                    </td>
                    <td>{{ row.gpsProblemEntity ? row.gpsProblemEntity.gpsProblem : '' }}</td>
                    <td>{{ row.gpsAntenna }}</td>
                    <td>{{ row.gsmAntenna }}</td>
                    <td>{{ row.hwVersion }}</td>
                    <td>{{ row.fwVersion }}</td>
                    <td>
                      <sa-sensor-type [sensorTypeId]="row.sensorType" type="2" [inputParam]="inputParam"
                        [isSendRequest]="false"></sa-sensor-type>
                    </td>
                    <td>{{ row.sim }}</td>
                    <td>{{ row.gpsId }}</td>
                    <td>
                      <span *ngIf="row.carType === '请选择'"></span>
                      <span *ngIf="row.carType != '请选择'">{{ row.carType }}</span>
                    </td>
                    <td>{{ row.useTypeL1 }}</td>
                    <td>{{ row.carAxleAmount }}</td>
                    <td>{{ row.sensorAmount }}</td>
                    <td>{{ row.loadCapacity }}</td>
                    <td>
                      <span *ngIf="row.unit === '1'">吨</span>
                      <span *ngIf="row.unit === '2'">千克</span>
                    </td>
                    <td>{{ row.userNameForUpdate }}</td>
                    <td>{{ row.updateDate }}</td>
                    <td>
                      <span *ngIf="row.type == 1">载重+北斗/GPS</span>
                      <span *ngIf="row.type == 2">北斗/GPS</span>
                      <span *ngIf="row.type == 3">北斗/GPS+摄像头</span>
                    </td>
                    <td>
                      <span *ngIf="row.carAttribution == 1">车队</span>
                      <span *ngIf="row.carAttribution == 2">个人</span>
                      <span *ngIf="row.carAttribution == 3">经销商</span>
                    </td>
                    <td>{{ row.userTypeName }}</td>
                    <td>{{ row.outsourcingTeamName }}</td>
                    <td *ngIf="carDeleteBatch">
                      <button type="button" (click)="del_car(row)" *ngIf="carDeleteBatch">删除</button>
                    </td>
                  </tr>
                </tbody>
              </table>
            </div>
            <div class="table-fix clearfix">
              <paginator [totalRecords]="totalCount" [rows]="pageSize" [currentPage]="curPage - 1"
                (onPageChange)="paginate($event)"></paginator>
              <button type="button" class="btn default refresh_btn" (click)="refresh()">
                <i class="fa fa-refresh"></i>
              </button>
            </div>
          </div>
        </div>
      </div>
    </div>
  </sa-widgets-grid>
  <!-- 图片查看   弹窗-->
  <section bsModal #ImgModal="bs-modal" class="modal fade" tabindex="-1" role="dialog"
    aria-labelledby="myLargeModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg" style="width: 1000px">
      <div class="modal-content" id="modal-box">
        <div id="modal-header-box" class="modal-header">
          <button type="button" class="close" (click)="imgClose(ImgModal)" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
          <h4 class="modal-title">
            图片
            <span *ngIf="modal.carNumber">-[{{ modal.carNumber }}]</span>
            <div class="inline_block" *ngIf="tableSelectedRow">
              <div class="inline_block" style="vertical-align: top; margin-left: 12px">
                <span>车型:</span>
                <span>{{ tableSelectedRow.useTypeL2 || '' }}</span>
              </div>
              <div class="inline_block table_scroll" style="vertical-align: top; margin-left: 12px">
                <span>传感器通道:</span>
                <span class="channel-style bg-green" *ngFor="let item of tableSelectedRow.sensorChannel">
                  {{ item }}
                </span>
              </div>
              <div class="inline_block" style="vertical-align: top; margin-left: 12px">
                <span>安装人员:</span>
                <span>{{ tableSelectedRow.userNameForCreate || '' }}</span>
              </div>
              <div class="inline_block" style="vertical-align: top; margin-left: 12px">
                <span>安装时间:</span>
                <span>{{ tableSelectedRow.inputDate || '' }}</span>
              </div>
            </div>
          </h4>
        </div>
        <div class="modal-body" style="padding: 0 20px 20px 20px">
          <div class="row form-horizontal imagesInfo">
            <div class="">
              <div class="" *ngIf="imgInfo.length != 0">
                <div class="imagesList imagesList-sensor">
                  <div *ngFor="let item of imgInfo">
                    <div class="imgFileList" *ngIf="item.index == 1" [ngClass]="{ hasAuth: imgCheck }"
                      style="position: relative">
                      <label class="imgTitle">车辆正面</label>
                      <div class="imgContList">
                        <div class="imgCont" *ngFor="let row of item.localImg" (click)="bigImg(row, 'imagesInfo')"
                          (mouseenter)="hoverImg()">
                          <img class="imgSrc" [src]="row" alt="车辆正面" />
                        </div>
                      </div>
                      <div class="form-group" *ngIf="imgCheck && item.index == 1"
                        style="margin-bottom: 0; width: 320px; position: absolute; right: 28px; top: 8px">
                        <div class="form-group" style="margin-bottom: 8px">
                          <label class="radio radio-inline">
                            <input type="radio" class="radiobox" [(ngModel)]="item.carInstallAuditEntities.qualityType"
                              value="0" name="bad1" />
                            <span>不合格</span>
                          </label>
                          <!--<label class="radio radio-inline">
                                                        <input type="radio" class="radiobox" [(ngModel)]="item.carInstallAuditEntities.quality" value='中' name="minddle1">
                                                        <span>中</span>
                                                    </label>-->
                          <label class="radio radio-inline">
                            <input type="radio" class="radiobox" [(ngModel)]="item.carInstallAuditEntities.qualityType"
                              value="1" name="better1" />
                            <span>合格</span>
                          </label>
                        </div>
                        <div class="form-group" style="margin-bottom: 8px">
                          <textarea class="form-control" [(ngModel)]="item.carInstallAuditEntities.describe" rows="2"
                            cols="30" placeholder="审核意见..."></textarea>
                        </div>
                        <button type="button" class="btn btn-primary btn-sm" (click)="saveCheckRecord(item)">
                          保存
                        </button>
                        <button type="button" class="btn btn-primary btn-sm" (click)="pushCheckInfoToInstaller(item)">
                          推送安装
                        </button>
                        <button type="button" class="btn btn-primary btn-sm"
                          (click)="pushCheckInfoToOther(item, userNamePushModal)">
                          推送他人
                        </button>
                      </div>
                    </div>
                    <div class="imgFileList" *ngIf="item.index != 1" style="display: none"></div>
                  </div>
                </div>
                <div class="imagesList imagesList-sensor">
                  <div *ngFor="let item of imgInfo">
                    <div class="imgFileList" *ngIf="item.index == 2" [ngClass]="{ hasAuth: imgCheck }"
                      style="position: relative">
                      <label class="imgTitle">车辆侧面</label>
                      <div class="imgContList">
                        <div class="imgCont" *ngFor="let row of item.localImg" (click)="bigImg(row, 'imagesInfo')"
                          (mouseenter)="hoverImg()">
                          <img class="imgSrc" [src]="row" alt="车辆侧面" />
                        </div>
                      </div>
                      <div class="form-group" *ngIf="imgCheck && item.index == 2"
                        style="margin-bottom: 0; width: 320px; position: absolute; right: 28px; top: 8px">
                        <div class="form-group" style="margin-bottom: 8px">
                          <label class="radio radio-inline">
                            <input type="radio" class="radiobox" [(ngModel)]="item.carInstallAuditEntities.qualityType"
                              value="0" name="bad2" />
                            <span>不合格</span>
                          </label>
                          <!--<label class="radio radio-inline">
                                                        <input type="radio" class="radiobox" [(ngModel)]="item.carInstallAuditEntities.quality" value='中' name="minddle2">
                                                        <span>中</span>
                                                    </label>-->
                          <label class="radio radio-inline">
                            <input type="radio" class="radiobox" [(ngModel)]="item.carInstallAuditEntities.qualityType"
                              value="1" name="better2" />
                            <span>合格</span>
                          </label>
                        </div>
                        <div class="form-group" style="margin-bottom: 8px">
                          <textarea class="form-control" [(ngModel)]="item.carInstallAuditEntities.describe" rows="2"
                            cols="30" placeholder="审核意见..."></textarea>
                        </div>
                        <button type="button" class="btn btn-primary btn-sm" (click)="saveCheckRecord(item)">
                          保存
                        </button>
                        <button type="button" class="btn btn-primary btn-sm" (click)="pushCheckInfoToInstaller(item)">
                          推送安装
                        </button>
                        <button type="button" class="btn btn-primary btn-sm"
                          (click)="pushCheckInfoToOther(item, userNamePushModal)">
                          推送他人
                        </button>
                      </div>
                    </div>
                    <div class="imgFileList" *ngIf="item.index != 2" style="display: none"></div>
                  </div>
                </div>
                <div class="imagesList imagesList-sensor">
                  <div *ngFor="let item of imgInfo">
                    <div class="imgFileList" *ngIf="item.index == 3" [ngClass]="{ hasAuth: imgCheck }"
                      style="position: relative">
                      <label class="imgTitle">主机</label>
                      <div class="imgContList">
                        <div class="imgCont" *ngFor="let row of item.localImg" (click)="bigImg(row, 'imagesInfo')"
                          (mouseenter)="hoverImg()">
                          <img class="imgSrc" [src]="row" alt="主机" />
                        </div>
                      </div>
                      <div class="form-group" *ngIf="imgCheck && item.index == 3"
                        style="margin-bottom: 0; width: 320px; position: absolute; right: 28px; top: 8px">
                        <div class="form-group" style="margin-bottom: 8px">
                          <label class="radio radio-inline">
                            <input type="radio" class="radiobox" [(ngModel)]="item.carInstallAuditEntities.qualityType"
                              value="0" name="bad3" />
                            <span>不合格</span>
                          </label>
                          <!--<label class="radio radio-inline">
                                                        <input type="radio" class="radiobox" [(ngModel)]="item.carInstallAuditEntities.quality" value='中' name="minddle3">
                                                        <span>中</span>
                                                    </label>-->
                          <label class="radio radio-inline">
                            <input type="radio" class="radiobox" [(ngModel)]="item.carInstallAuditEntities.qualityType"
                              value="1" name="better3" />
                            <span>合格</span>
                          </label>
                        </div>
                        <div class="form-group" style="margin-bottom: 8px">
                          <textarea class="form-control" [(ngModel)]="item.carInstallAuditEntities.describe" rows="2"
                            cols="30" placeholder="审核意见..."></textarea>
                        </div>
                        <button type="button" class="btn btn-primary btn-sm" (click)="saveCheckRecord(item)">
                          保存
                        </button>
                        <button type="button" class="btn btn-primary btn-sm" (click)="pushCheckInfoToInstaller(item)">
                          推送安装
                        </button>
                        <button type="button" class="btn btn-primary btn-sm"
                          (click)="pushCheckInfoToOther(item, userNamePushModal)">
                          推送他人
                        </button>
                      </div>
                    </div>
                    <div class="imgFileList" *ngIf="item.index != 3" style="display: none"></div>
                  </div>
                </div>
                <div class="imagesList imagesList-sensor">
                  <div *ngFor="let item of imgInfo">
                    <div class="imgFileList" *ngIf="item.index == 5" [ngClass]="{ hasAuth: imgCheck }"
                      style="position: relative">
                      <label class="imgTitle">天线</label>
                      <div class="imgContList">
                        <div class="imgCont" *ngFor="let row of item.localImg" (click)="bigImg(row, 'imagesInfo')"
                          (mouseenter)="hoverImg()">
                          <img class="imgSrc" [src]="row" alt="天线" />
                        </div>
                      </div>
                      <div class="form-group" *ngIf="imgCheck && item.index == 5"
                        style="margin-bottom: 0; width: 320px; position: absolute; right: 28px; top: 8px">
                        <div class="form-group" style="margin-bottom: 8px">
                          <label class="radio radio-inline">
                            <input type="radio" class="radiobox" [(ngModel)]="item.carInstallAuditEntities.qualityType"
                              value="0" name="bad5" />
                            <span>不合格</span>
                          </label>
                          <!--<label class="radio radio-inline">
                                                        <input type="radio" class="radiobox" [(ngModel)]="item.carInstallAuditEntities.quality" value='中' name="minddle5">
                                                        <span>中</span>
                                                    </label>-->
                          <label class="radio radio-inline">
                            <input type="radio" class="radiobox" [(ngModel)]="item.carInstallAuditEntities.qualityType"
                              value="1" name="better5" />
                            <span>合格</span>
                          </label>
                        </div>
                        <div class="form-group" style="margin-bottom: 8px">
                          <textarea class="form-control" [(ngModel)]="item.carInstallAuditEntities.describe" rows="2"
                            cols="30" placeholder="审核意见..."></textarea>
                        </div>
                        <button type="button" class="btn btn-primary btn-sm" (click)="saveCheckRecord(item)">
                          保存
                        </button>
                        <button type="button" class="btn btn-primary btn-sm" (click)="pushCheckInfoToInstaller(item)">
                          推送安装
                        </button>
                        <button type="button" class="btn btn-primary btn-sm"
                          (click)="pushCheckInfoToOther(item, userNamePushModal)">
                          推送他人
                        </button>
                      </div>
                    </div>
                    <div class="imgFileList" *ngIf="item.index != 5" style="display: none"></div>
                  </div>
                </div>
                <div class="imagesList imagesList-sensor">
                  <div *ngFor="let item of imgInfo">
                    <div class="imgFileList" *ngIf="item.index == 4" [ngClass]="{ hasAuth: imgCheck }"
                      style="position: relative">
                      <label class="imgTitle">传感器</label>
                      <div class="imgContList">
                        <div class="imgCont" *ngFor="let row of item.localImg" (click)="bigImg(row, 'imagesInfo')"
                          (mouseenter)="hoverImg()">
                          <img class="imgSrc" [src]="row" alt="传感器" />
                        </div>
                      </div>
                      <div class="form-group" *ngIf="imgCheck && item.index == 4"
                        style="margin-bottom: 0; width: 320px; position: absolute; right: 28px; top: 8px">
                        <div class="form-group" style="margin-bottom: 8px">
                          <label class="radio radio-inline">
                            <input type="radio" class="radiobox" [(ngModel)]="item.carInstallAuditEntities.qualityType"
                              value="0" name="bad4" />
                            <span>不合格</span>
                          </label>
                          <!--<label class="radio radio-inline">
                                                        <input type="radio" class="radiobox" [(ngModel)]="item.carInstallAuditEntities.quality" value='中' name="minddle4">
                                                        <span>中</span>
                                                    </label>-->
                          <label class="radio radio-inline">
                            <input type="radio" class="radiobox" [(ngModel)]="item.carInstallAuditEntities.qualityType"
                              value="1" name="better4" />
                            <span>合格</span>
                          </label>
                        </div>
                        <div class="form-group" style="margin-bottom: 8px">
                          <textarea class="form-control" [(ngModel)]="item.carInstallAuditEntities.describe" rows="2"
                            cols="30" placeholder="审核意见..."></textarea>
                        </div>
                        <button type="button" class="btn btn-primary btn-sm" (click)="saveCheckRecord(item)">
                          保存
                        </button>
                        <button type="button" class="btn btn-primary btn-sm" (click)="pushCheckInfoToInstaller(item)">
                          推送安装
                        </button>
                        <button type="button" class="btn btn-primary btn-sm"
                          (click)="pushCheckInfoToOther(item, userNamePushModal)">
                          推送他人
                        </button>
                      </div>
                    </div>
                    <div class="imgFileList" *ngIf="item.index != 4" style="display: none"></div>
                  </div>
                </div>
                <div class="imagesList imagesList-sensor">
                  <div *ngFor="let item of imgInfo">
                    <div class="imgFileList" *ngIf="item.index == 7" [ngClass]="{ hasAuth: imgCheck }"
                      style="position: relative">
                      <label class="imgTitle">电源</label>
                      <div class="imgContList">
                        <div class="imgCont" *ngFor="let row of item.localImg" (click)="bigImg(row, 'imagesInfo')"
                          (mouseenter)="hoverImg()">
                          <img class="imgSrc" [src]="row" alt="电源" />
                        </div>
                      </div>
                      <div class="form-group" *ngIf="imgCheck && item.index == 7"
                        style="margin-bottom: 0; width: 320px; position: absolute; right: 28px; top: 8px">
                        <div class="form-group" style="margin-bottom: 8px">
                          <label class="radio radio-inline">
                            <input type="radio" class="radiobox" [(ngModel)]="item.carInstallAuditEntities.qualityType"
                              value="0" name="bad7" />
                            <span>不合格</span>
                          </label>
                          <!--<label class="radio radio-inline">
                                                        <input type="radio" class="radiobox" [(ngModel)]="item.carInstallAuditEntities.quality" value='中' name="minddle7">
                                                        <span>中</span>
                                                    </label>-->
                          <label class="radio radio-inline">
                            <input type="radio" class="radiobox" [(ngModel)]="item.carInstallAuditEntities.qualityType"
                              value="1" name="better7" />
                            <span>合格</span>
                          </label>
                        </div>
                        <div class="form-group" style="margin-bottom: 8px">
                          <textarea class="form-control" [(ngModel)]="item.carInstallAuditEntities.describe" rows="2"
                            cols="30" placeholder="审核意见..."></textarea>
                        </div>
                        <button type="button" class="btn btn-primary btn-sm" (click)="saveCheckRecord(item)">
                          保存
                        </button>
                        <button type="button" class="btn btn-primary btn-sm" (click)="pushCheckInfoToInstaller(item)">
                          推送安装
                        </button>
                        <button type="button" class="btn btn-primary btn-sm"
                          (click)="pushCheckInfoToOther(item, userNamePushModal)">
                          推送他人
                        </button>
                      </div>
                    </div>
                    <div class="imgFileList" *ngIf="item.index != 7" style="display: none"></div>
                  </div>
                </div>
                <div class="imagesList imagesList-sensor">
                  <div *ngFor="let item of imgInfo">
                    <div class="imgFileList" *ngIf="item.index == 8" [ngClass]="{ hasAuth: imgCheck }"
                      style="position: relative;">
                      <label class="imgTitle">行驶证</label>
                      <div class="imgContList">
                        <div class="imgCont" *ngFor="let row of item.localImg" (click)="bigImg(row, 'imagesInfo')"
                          (mouseenter)="hoverImg()">
                          <img class="imgSrc" [src]="row" alt="行驶证" />
                        </div>
                      </div>
                    </div>
                    <div class="form-group" *ngIf="imgCheck && item.index == 8"
                      style="margin-bottom: 0; width: 320px; position: absolute; right: 28px; bottom: 8px">
                      <div class="form-group" style="margin-bottom: 8px">
                        <label class="radio radio-inline">
                          <input type="radio" class="radiobox" [(ngModel)]="item.carInstallAuditEntities.qualityType"
                            value="0" name="bad8" />
                          <span>不合格</span>
                        </label>
                        <label class="radio radio-inline">
                          <input type="radio" class="radiobox" [(ngModel)]="item.carInstallAuditEntities.qualityType"
                            value="1" name="better8" />
                          <span>合格</span>
                        </label>
                      </div>
                      <div class="form-group" style="margin-bottom: 8px">
                        <textarea class="form-control" [(ngModel)]="item.carInstallAuditEntities.describe" rows="2"
                          cols="30" placeholder="审核意见..."></textarea>
                      </div>
                      <button type="button" class="btn btn-primary btn-sm" (click)="saveCheckRecord(item)">保存</button>
                      <button type="button" class="btn btn-primary btn-sm" (click)="pushCheckInfoToInstaller(item)">
                        推送安装
                      </button>
                      <button type="button" class="btn btn-primary btn-sm"
                        (click)="pushCheckInfoToOther(item, userNamePushModal)">
                        推送他人
                      </button>
                    </div>
                    <div class="imgFileList" *ngIf="item.index != 8" style="display: none"></div>
                  </div>
                </div>
                <div class="imagesList imagesList-sensor">
                  <div *ngFor="let item of imgInfo">
                    <div class="imgFileList" *ngIf="item.index == 9" [ngClass]="{ hasAuth: imgCheck }"
                      style="position: relative">
                      <label class="imgTitle">付款凭证</label>
                      <div class="imgContList">
                        <div class="imgCont" *ngFor="let row of item.localImg" (click)="bigImg(row, 'imagesInfo')"
                          (mouseenter)="hoverImg()">
                          <img class="imgSrc" [src]="row" alt="付款凭证" />
                        </div>
                      </div>
                    </div>
                    <div class="form-group" *ngIf="imgCheck && item.index == 9"
                      style="margin-bottom: 0; width: 320px; position: absolute; right: 28px; bottom: 8px">
                      <div class="form-group" style="margin-bottom: 8px">
                        <label class="radio radio-inline">
                          <input type="radio" class="radiobox" [(ngModel)]="item.carInstallAuditEntities.qualityType"
                            value="0" name="bad9" />
                          <span>不合格</span>
                        </label>
                        <label class="radio radio-inline">
                          <input type="radio" class="radiobox" [(ngModel)]="item.carInstallAuditEntities.qualityType"
                            value="1" name="better9" />
                          <span>合格</span>
                        </label>
                      </div>
                      <div class="form-group" style="margin-bottom: 8px">
                        <textarea class="form-control" [(ngModel)]="item.carInstallAuditEntities.describe" rows="2"
                          cols="30" placeholder="审核意见..."></textarea>
                      </div>
                      <button type="button" class="btn btn-primary btn-sm" (click)="saveCheckRecord(item)">保存</button>
                      <button type="button" class="btn btn-primary btn-sm" (click)="pushCheckInfoToInstaller(item)">
                        推送安装
                      </button>
                      <button type="button" class="btn btn-primary btn-sm"
                        (click)="pushCheckInfoToOther(item, userNamePushModal)">
                        推送他人
                      </button>
                    </div>
                    <div class="imgFileList" *ngIf="item.index != 9" style="display: none"></div>
                  </div>
                </div>
                <div class="imagesList imagesList-sensor">
                  <div *ngFor="let item of imgInfo">
                    <div class="imgFileList" *ngIf="item.index == 6" [ngClass]="{ hasAuth: imgCheck }"
                      style="position: relative">
                      <label class="imgTitle">其他</label>
                      <div class="imgContList">
                        <div class="imgCont" *ngFor="let row of item.localImg" (click)="bigImg(row, 'imagesInfo')"
                          (mouseenter)="hoverImg()">
                          <img class="imgSrc" [src]="row" alt="其他" />
                        </div>
                      </div>
                      <div class="form-group" *ngIf="imgCheck && item.index == 6"
                        style="margin-bottom: 0; width: 320px; position: absolute; right: 28px; top: 8px">
                        <div class="form-group" style="margin-bottom: 8px">
                          <label class="radio radio-inline">
                            <input type="radio" class="radiobox" [(ngModel)]="item.carInstallAuditEntities.qualityType"
                              value="0" name="bad6" />
                            <span>不合格</span>
                          </label>
                          <label class="radio radio-inline">
                            <input type="radio" class="radiobox" [(ngModel)]="item.carInstallAuditEntities.qualityType"
                              value="1" name="better6" />
                            <span>合格</span>
                          </label>
                        </div>
                        <div class="form-group" style="margin-bottom: 8px">
                          <textarea class="form-control" [(ngModel)]="item.carInstallAuditEntities.describe" rows="2"
                            cols="30" placeholder="审核意见..."></textarea>
                        </div>
                        <button type="button" class="btn btn-primary btn-sm" (click)="saveCheckRecord(item)">
                          保存
                        </button>
                        <button type="button" class="btn btn-primary btn-sm" (click)="pushCheckInfoToInstaller(item)">
                          推送安装
                        </button>
                        <button type="button" class="btn btn-primary btn-sm"
                          (click)="pushCheckInfoToOther(item, userNamePushModal)">
                          推送他人
                        </button>
                      </div>
                    </div>
                    <div class="imgFileList" *ngIf="item.index != 6" style="display: none"></div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <!-- 图片查看 弹窗end-->
  <!-- 行驶证信息查看   弹窗-->
  <div id="deviceDrivingModal">
    <div class="modal-dialog modal-lg" style="width: 1080px; margin: 0">
      <div class="modal-content">
        <div id="headDrag" class="modal-header">
          <button type="button" class="close" (click)="drivingClose()" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
          <h4 class="modal-title">行驶证信息</h4>
        </div>
        <div class="modal-body" style="padding: 0 20px 20px 20px">
          <div class="row form-horizontal">
            <div class="drivingList col-md-4">
              <header>行驶证图片</header>
              <div class="imgFileList row">
                <div class="clearfix" *ngIf="drivingImg[0]">
                  <p class="imgTitle">行驶证主页</p>
                  <div class="img-Cont" (click)="drivingBigImg(ImgBigModal, drivingImg[0], 'modal-imgContent')">
                    <img class="imgSrc" [src]="drivingImg[0]" alt="行驶证主页" />
                  </div>
                  <div class="distinguishImg">
                    <button type="button" class="btn btn-primary" (click)="distinguishImg(drivingImg[0], 8)">
                      识别OCR
                    </button>
                  </div>
                </div>
                <div class="clearfix" *ngIf="drivingImg[1]">
                  <p class="imgTitle">行驶证副页</p>
                  <div class="img-Cont" (click)="drivingBigImg(ImgBigModal, drivingImg[1], 'modal-imgContent')">
                    <img class="imgSrc" [src]="drivingImg[1]" alt="行驶证副页" />
                  </div>
                  <div class="distinguishImg">
                    <button type="button" class="btn btn-primary" (click)="distinguishImg(drivingImg[1], 9)">
                      识别OCR
                    </button>
                  </div>
                </div>
                <div class="clearfix" *ngIf="drivingImg[2]">
                  <p class="imgTitle">行驶证副页反面</p>
                  <div class="img-Cont" (click)="drivingBigImg(ImgBigModal, drivingImg[2], 'modal-imgContent')">
                    <img class="imgSrc" [src]="drivingImg[2]" alt="行驶证副页反面" />
                  </div>
                </div>
              </div>
            </div>
            <div class="carInfo col-md-8">
              <header>行驶证识别信息</header>
              <div class="row">
                <div class="clearfix col-md-6">
                  <label class="car-label col-sm-4">车牌号码：</label>
                  <div class="col-sm-8 clearfix car-input">
                    <input class="form-control" name="ocrCarNumber" type="text" placeholder="请输入车牌号码"
                      [(ngModel)]="carInfo.ocrCarNumber" />
                  </div>
                </div>
                <div class="clearfix col-md-6">
                  <label class="car-label col-sm-4">使用性质：</label>
                  <div class="col-sm-8 clearfix car-input">
                    <input class="form-control" name="useCharacter" type="text" placeholder="请输入使用性质"
                      [(ngModel)]="carInfo.useCharacter" />
                  </div>
                </div>
              </div>
              <div class="row">
                <div class="clearfix col-md-6">
                  <label class="car-label col-sm-4">注册日期：</label>
                  <div class="col-sm-8 clearfix car-input">
                    <input class="form-control" name="registerDate" id="registerDate" autocomplete="off" type="text"
                      placeholder="请选择注册日期" [(ngModel)]="carInfo.registerDate" />
                  </div>
                </div>
                <div class="clearfix col-md-6">
                  <label class="car-label col-sm-4">车辆类型：</label>
                  <div class="col-sm-8 clearfix car-input">
                    <input class="form-control" name="vehicleType" type="text" placeholder="请输入车辆类型"
                      [(ngModel)]="carInfo.vehicleType" />
                  </div>
                </div>
              </div>
              <div class="row">
                <div class="clearfix col-md-6">
                  <label class="car-label col-sm-4">品牌型号：</label>
                  <div class="col-sm-8 clearfix car-input">
                    <input class="form-control" name="model" type="text" placeholder="请输入品牌型号"
                      [(ngModel)]="carInfo.model" />
                  </div>
                </div>
                <div class="clearfix col-md-6">
                  <label class="car-label col-sm-4">发证机关：</label>
                  <div class="col-sm-8 clearfix car-input">
                    <input class="form-control" name="issuingAuthority" type="text" placeholder="请输入发证机关"
                      [(ngModel)]="carInfo.issuingAuthority" />
                  </div>
                </div>
              </div>
              <div class="row">
                <div class="clearfix col-md-6">
                  <label class="car-label col-sm-4">所有人：</label>
                  <div class="col-sm-8 clearfix car-input">
                    <input class="form-control" name="name" type="text" placeholder="请输入所有人"
                      [(ngModel)]="carInfo.name" />
                  </div>
                </div>
                <div class="clearfix col-md-6">
                  <label class="car-label col-sm-4">车辆识别代码：</label>
                  <div class="col-sm-8 clearfix car-input">
                    <input class="form-control" name="vin" type="text" placeholder="请输入车辆识别代码"
                      [(ngModel)]="carInfo.vin" />
                  </div>
                </div>
              </div>
              <div class="row veranda">
                <div class="clearfix col-md-6">
                  <label class="car-label col-sm-4">发证日期：</label>
                  <div class="col-sm-8 clearfix car-input">
                    <input class="form-control" name="issueDate" id="issueDate" autocomplete="off" type="text"
                      placeholder="请选择发证日期" [(ngModel)]="carInfo.issueDate" />
                  </div>
                </div>
                <div class="clearfix col-md-6">
                  <label class="car-label col-sm-4">外廓尺寸(mm):</label>
                  <div class="col-sm-2 clearfix car-input">
                    <input class="form-control" name="dimensionLength" type="text" placeholder=""
                      onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" [(ngModel)]="carInfo.dimensionLength"
                      style="padding: 5px" />
                  </div>
                  <div class="col-sm-1 clearfix car-veranda-ride">×</div>
                  <div class="col-sm-2 clearfix car-input">
                    <input class="form-control" name="dimensionWidth" type="text" placeholder=""
                      onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" [(ngModel)]="carInfo.dimensionWidth"
                      style="padding: 5px" />
                  </div>
                  <div class="col-sm-1 clearfix car-veranda-ride">×</div>
                  <div class="col-sm-2 clearfix car-input">
                    <input class="form-control" name="dimensionHeight" type="text" placeholder=""
                      onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" [(ngModel)]="carInfo.dimensionHeight"
                      style="padding: 5px" />
                  </div>
                </div>
              </div>
              <div class="row">
                <div class="clearfix col-md-6">
                  <label class="car-label col-sm-4">核定载质量(Kg):</label>
                  <div class="col-sm-8 clearfix car-input">
                    <input class="form-control" name="approvedLoad" type="text"
                      onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" placeholder="请输入核定载质量"
                      [(ngModel)]="carInfo.approvedLoad" />
                  </div>
                </div>
                <div class="clearfix col-md-6">
                  <label class="car-label col-sm-4">检验有效期：</label>
                  <div class="col-sm-8 clearfix car-input">
                    <input class="form-control" name="inspectionRecord" id="inspectionRecord" autocomplete="off"
                      type="text" placeholder="请选择检验有效期" [(ngModel)]="carInfo.inspectionRecord" />
                  </div>
                </div>
              </div>
              <div class="row">
                <div class="clearfix col-md-6">
                  <label class="car-label col-sm-4">行驶证档案编号:</label>
                  <div class="col-sm-8 clearfix car-input">
                    <input class="form-control" name="fileNo" type="text" placeholder="请输入行驶证档案编号"
                      [(ngModel)]="carInfo.fileNo" />
                  </div>
                </div>
                <div class="clearfix col-md-6">
                  <label class="car-label col-sm-4">车辆总重量(Kg):</label>
                  <div class="col-sm-8 clearfix car-input">
                    <input class="form-control" name="grossMass" type="text"
                      onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" placeholder="请输入车辆总重量"
                      [(ngModel)]="carInfo.grossMass" />
                  </div>
                </div>
              </div>
              <div class="row">
                <div class="clearfix col-md-6">
                  <label class="car-label col-sm-4">整备质量(Kg)：</label>
                  <div class="col-sm-8 clearfix car-input">
                    <input class="form-control" name="unladenMass" type="text"
                      onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" placeholder="请输入整备质量"
                      [(ngModel)]="carInfo.unladenMass" />
                  </div>
                </div>
                <div class="clearfix col-md-6">
                  <label class="car-label col-sm-4">车辆能源类型：</label>
                  <div class="col-sm-8 clearfix car-input">
                    <input class="form-control" name="energyType" type="text" placeholder="请输入车辆能源类型"
                      [(ngModel)]="carInfo.energyType" />
                  </div>
                </div>
              </div>

              <!-- 审核 -->
              <div class="examine">
                <header>行驶证审核</header>
                <div class="row">
                  <div class="clearfix col-md-2">审核结果:</div>
                  <div class="clearfix col-md-4">
                    <label class="radio radio-inline" *ngIf="auditStatus1">
                      <input type="radio" class="radiobox" value="1" name="examine" checked
                        (change)="changeAuditStatus(1)" />
                      <span>合格</span>
                    </label>
                    <label class="radio radio-inline" *ngIf="!auditStatus1">
                      <input type="radio" class="radiobox" value="1" name="examine" [checked]="false"
                        (change)="changeAuditStatus(1)" />
                      <span>合格</span>
                    </label>
                  </div>
                  <div class="clearfix col-md-4">
                    <label class="radio radio-inline" *ngIf="auditStatus2">
                      <input type="radio" class="radiobox" value="2" name="examine" checked
                        (change)="changeAuditStatus(2)" />
                      <span>不合格</span>
                    </label>
                    <label class="radio radio-inline" *ngIf="!auditStatus2">
                      <input type="radio" class="radiobox" value="2" name="examine" [checked]="false"
                        (change)="changeAuditStatus(2)" />
                      <span>不合格</span>
                    </label>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" (click)="drivingClose()">取消</button>
          <button type="button" class="btn btn-primary" (click)="submitDriving()">提交</button>
        </div>
      </div>
    </div>
  </div>

  <!-- 行驶证查看 弹窗end-->
  <!-- 推送他人    弹窗-->
  <div bsModal #userNamePushModal="bs-modal" id="userNamePushModal" class="modal fade" tabindex="-1" role="dialog"
    aria-labelledby="myLargeModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" (click)="cancelUserNamePush(userNamePushModal)" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
          <h4 class="modal-title">推送他人</h4>
        </div>
        <div class="modal-body">
          <div class="row form-horizontal">
            <div class="form-group col-xs-12 s_fix_select2">
              <label class="control-label col-xs-2" for="newPassword">
                推送人
                <sup>*</sup>
              </label>
              <div class="col-xs-10 s_fix_select2_width s_fix_select2">
                <sa-select2 select2ElementID="userSelect2Form" (optionSelected)="optionSelectedForm($event)"
                  [dataList]="userList" [paramFormat]="paramFormat" matchSearch="true"></sa-select2>
              </div>
            </div>
          </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" (click)="cancelUserNamePush(userNamePushModal)">取消</button>
          <button type="button" class="btn btn-primary" (click)="submitUserNamePush(userNamePushModal)">推送</button>
        </div>
      </div>
    </div>
  </div>
  <!--推送他人  end-->
  <!-- 图片放大查看   弹窗-->
  <section bsModal #ImgBigModal="bs-modal" class="modal fade imgView" tabindex="-1" role="dialog"
    aria-labelledby="myLargeModalLabel" aria-hidden="true">
    <div id="modal-header-box" class="modal-header"
      style="z-index: 100000; position: absolute; width: 80%; top: 0; left: 0; border-bottom: none">
      <button type="button" class="close" (click)="drivingImgClose(ImgBigModal)" aria-label="Close"
        style="float: left; background: #fff; opacity: 1; width: 30px; height: 30px; border-radius: 50%">
        <span aria-hidden="true">&times;</span>
      </button>
    </div>
    <div class="modal-content modal-imgContent" (click)="bigImg(bigImgUrl, 'modal-imgContent')">
      <img [src]="bigImgUrl" class="imgContent-Driving" style="opacity: 0" />
    </div>
  </section>
  <!-- 图片放大查看 弹窗end-->
  <!-- 表头弹窗 -->
  <section bsModal #headerModal="bs-modal" class="modal fade" tabindex="-1" role="dialog"
    aria-labelledby="myLargeModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
      <div class="modal-content" style="width: 800px">
        <div class="modal-header">
          <button type="button" class="close" (click)="closeHeader(headerModal)" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
          <h4 class="modal-title">设置表头管理</h4>
        </div>
        <div class="modal-body" style="height: 500px; overflow: auto">
          <table
            class="display dataTables responsive table table-striped table-bordered table-hover dataTable s_h5_table">
            <thead>
              <tr>
                <th>序号</th>
                <th>字段名称</th>
                <th style="text-align: center">是否隐藏</th>
                <th style="text-align: center">操作</th>
              </tr>
            </thead>
            <tbody class="tbodyHeader">
              <tr *ngFor="let item of faultPopupList">
                <td>{{ item.order }}</td>
                <td>{{ item.field }}</td>
                <td class="smart-form" style="padding: 7px 10px; text-align: center">
                  <input style="margin-right: 5px; display: none" name="status" class="isStatus" type="checkbox"
                    [checked]="item.isStatus" [attr.key]="item.fieldName" />
                </td>
                <td class="CBtn">
                  <span class="MoveUp" [ngClass]="{ hiddenMove: item.order == 1 }" (click)="MoveClick(item, '1')">
                    上移
                  </span>
                  <span class="MoveDown" [ngClass]="{ hiddenMove: item.order == faultList.length }"
                    (click)="MoveClick(item, '2')">
                    下移
                  </span>
                  <span class="MoveTop" [ngClass]="{ hiddenMove: item.order == 1 }" (click)="MoveClick(item, '3')">
                    置顶
                  </span>
                  <span class="MoveBottom" [ngClass]="{ hiddenMove: item.order == faultList.length }"
                    (click)="MoveClick(item, '4')">
                    置底
                  </span>
                </td>
              </tr>
            </tbody>
          </table>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" (click)="closeHeader(headerModal)">取消</button>
          <button type="button" class="btn btn-primary" (click)="recoveryHeader()">重置</button>
          <button type="button" class="btn btn-primary" (click)="submitHeader(headerModal)">提交</button>
        </div>
      </div>
    </div>
  </section>
  <!-- 悬浮图片查看 弹窗end-->
  <div class="hover-content" id="showId">
    <img src="" id="showImg" alt="" />
  </div>

  <!-- 表头弹窗 -->
  <section bsModal #editNumberModal="bs-modal" class="modal fade" tabindex="-1" role="dialog"
    aria-labelledby="editNumberModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
      <div class="modal-content" style="width: 800px">
        <div class="modal-header">
          <button type="button" class="close" (click)="closeEditNumberModal(editNumberModal)" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
          <h4 class="modal-title">修改车牌</h4>
        </div>
        <div class="modal-body" style="height: 500px; overflow: auto">
          <form id="editNumberForm" role="form" class="form-horizontal" novalidate="novalidate"
            [saBootstrapValidator]="validatorOptions">
            <div class="row form-horizontal">
              <div class="form-group s_fix_select2">
                <label class="control-label col-sm-2 no-padding-right">车牌号码<sup>*</sup></label>
                <div class="col-sm-7">
                  <div class="clearfix">
                    <!-- <input type="hidden" class="form-control" id="carNumberInput" name="oldCarNumber"
                      [(ngModel)]='numberForm.oldCarNumber'> -->
                    <select class="select2 form-control" style="width:100%" name="id" id="carNumberSelect2">
                      <option value=''></option>
                    </select>
                  </div>
                </div>
                <div class="col-sm-2">
                  <button type="button" class="btn btn-primary" (click)="handleBlock()">标记停用</button>
                </div>
              </div>

              <div class="form-group clearfix">
                <label class="control-label col-sm-2 no-padding-right">
                  新车牌号码
                  <sup>*</sup>
                </label>
                <div class="col-sm-9">
                  <div class="clearfix">
                    <input class="form-control" name="carNumber" [(ngModel)]="numberForm.carNumber" type="text"
                      placeholder="请填写新车牌号码" />
                  </div>
                </div>
              </div>

              <div class="form-group">
                <label class="control-label col-sm-2 no-padding-right">备注</label>
                <div class="col-sm-9">
                  <div class="clearfix">
                    <textarea name="remark" id="editNumberRemark" class="form-control" [(ngModel)]="numberForm.remark"
                      placeholder="备注"></textarea>
                  </div>
                </div>
              </div>

              <div class="form-group">
                <label class="control-label col-sm-2 no-padding-right">
                  车辆正面
                  <sup>*</sup>
                </label>
                <div class="col-xs-9 imgFileList">
                  <div class="imgFileList-multifile">
                    <div class="uploadlocation uploadlocation1">
                      <div class="content-list number-image-list">
                        <div class="headImg" *ngFor="let item of numberForm.imageList; let i = index">
                          <div class="contentImg">
                            <img class="img" [src]="item" (click)="bigImg('', 'number-image-list')" style="width: 100%" />
                          </div>
                          <i class="deleteImg" (click)="deleteImg(i)"></i>
                        </div>
                        <div class="btn div_imgall">
                          <div class="div_shuline"></div>
                          <div class="div_hengline"></div>
                          <input type="file" class="up" title=" " placeholder=" " accept="image/*" multiple
                            (change)="multifileChange($event.target.files)" />
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>

            </div>
            <div class="center">
              <button type="button" class="btn btn-primary" (click)="onNumberEditSubmit(editNumberModal)">保存</button>
            </div>
          </form>

          <div style="margin: 8px 0">对接信息</div>
          <div class="table_scroll">
            <table
              class="display dataTables responsive table table-striped table-bordered table-hover dataTable s_h5_table">
              <thead>
                <tr>
                  <th>车牌号码</th>
                  <th>设备ID</th>
                  <th>安装厂区</th>
                  <th>对接厂区</th>
                  <th>安装时间</th>
                  <th>对接时间</th>
                  <th>服务到期时间</th>
                  <th>剩余天数</th>
                  <th>缴费次数</th>
                </tr>
              </thead>
              <tbody class="tbodyHeader">
                <tr *ngFor="let item of dockingTableData">
                  <td>{{ item.carNumber }}</td>
                  <td>{{ item.deviceId }}</td>
                  <td>{{ item.installFactoryName }}</td>
                  <td>{{ item.dockingFactoryName }}</td>
                  <td>{{ item.installTime }}</td>
                  <td>{{ item.dockingTime }}</td>
                  <td>{{ item.renewalDueTime }}</td>
                  <td>{{ item.remainingDay }}</td>
                  <td>{{ item.renewCount }}</td>
                </tr>
              </tbody>
            </table>
          </div>
          <div style="margin-top: 4px">注：对接信息为空时，可进入【系统基础管理】-【项目车辆】点击同步项目车辆</div>
        </div>
      </div>
    </div>
  </section>
  <!-- 悬浮图片查看 弹窗end-->

</div>
<style type="text/css">
  .picture {
    min-height: 100px;
    width: 100%;
    height: auto;
  }

  /* 表头管理弹窗样式 */
  .CBtn {
    text-align: center;
  }

  .CBtn span {
    padding: 5px 8px;
    margin-right: 10px;
    font-size: 12px;
    border-radius: 5px;
    color: #fff;
    cursor: -webkit-grab;
  }

  .CBtn .MoveUp {
    color: #da3120;
    border: 1px solid #da3120;
    background: #fff;
    /* background: #da3120ba; */
  }

  .CBtn .MoveUp:hover {
    background: #da3120;
    color: #fff;
  }

  .CBtn .MoveDown {
    color: #4caf50;
    border: 1px solid #4caf50;
    background: #fff;
  }

  .CBtn .MoveDown:hover {
    background: #4caf50;
    color: #fff;
  }

  .CBtn .MoveTop {
    /* background: #ac20daba; */
    color: #ac20da;
    border: 1px solid #ac20da;
    background: #fff;
  }

  .CBtn .MoveTop:hover {
    background: #ac20da;
    color: #fff;
  }

  .CBtn .MoveBottom {
    /* background: #20afdaba; */
    color: #20afda;
    border: 1px solid #20afda;
    background: #fff;
  }

  .CBtn .MoveBottom:hover {
    background: #20afda;
    color: #fff;
  }

  .CBtn .hiddenMove {
    background: #d4d4d4 !important;
    cursor: not-allowed;
    border: 1px solid #d4d4d4 !important;
    color: #fff;
  }
</style>